<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>华宇智联科技（武汉）有限公司</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script>
			function fountStyle(obj) {
				$(obj).css("font-size", "14px");
				$(obj).css("background", "none");
				$(obj).css("padding-left", "0px");
			}

			function onfocusStyle(obj) {
				$(obj).css("font-size", "18px");
				$(obj).css("background", "#f7d635");
				$(obj).css("border-radius", "5px");
				$(obj).css("padding-left", "8px");
			}

			function init() {
				var height = $(window).height() - 350;
				$(".img").attr("height", (height / 6) + "px");
				$(".cooperation table tr").attr("height", (height / 5) + "px");
			}

			//滑动到合作伙伴
			function cooperationSlide() {
				var x = $(".cooperation")[0].offsetTop;
				$('body,html').animate({
					scrollTop: x
				}, 600)
			}
			var timer1;/*, timer2, timer3*/
			$(document).ready(function() {
				$("body").scroll(function() {
					window.clearInterval(timer1);
					/*window.clearInterval(timer2);
					window.clearInterval(timer3);*/
					$(".navigation-div ul li a").css("color", "rgba(249, 247, 247, 1)");
					timer1 = window.setTimeout(function() {
						$(".navigation-div ul li a").css("color", "rgba(249, 247, 247, 0.4)");
						window.clearInterval(timer1);
						/*timer2 = window.setTimeout(function() {
							$(".navigation-div ul li a").css("color", "rgba(249, 247, 247, 0.6)");
							window.clearInterval(timer2);
							timer3 = window.setTimeout(function() {
								$(".navigation-div ul li a").css("color", "rgba(249, 247, 247, 0.4)");
								window.clearInterval(timer3);

							}, 1000);
						}, 1000);*/
					}, 2000);

					/*timer2=window.setTimeout(function(){
						$(".navigation-div ul li a").css("color","rgba(249, 247, 247, 0.6)");
					},1000);
					window.clearInterval(timer2)
					timer3=window.setTimeout(function(){
						$(".navigation-div ul li a").css("color","rgba(249, 247, 247, 0.4)");
					},1000);
					window.clearInterval(timer3)*/

					/*$(".navigation-div").fadeToggle(3000);*/
				});

			});

			/*function hide() {
				$(".navigation-div ul li a").css("color", "rgba(249, 247, 247, 0.5)");
				setInterval(hide1, 3000);
			}

			function hide1() {
				$(".navigation-div ul li a").css("color", "rgba(249, 247, 247, 0.4)");
				setInterval(hide2, 4000);
			}

			function hide2() {
				$(".navigation-div ul li a").css("color", "rgba(249, 247, 247, 0.3)");
			}*/
		</script>
	</head>

	<body onload='init()'>
		
		<!--
        	作者：956362401@qq.com
        	时间：2018-01-09
        	描述：首页模块start
        -->
		<div style="width: 100%;height: 100%;">
			<div class="company-div">

				<div class="logImg">
					<a href="index.html" style="text-decoration: none !important;">
						<img src="img/logo1.png" />
						<strong>华宇科技</strong>
					</a>
				</div>

				<div class="company-div-content" style="margin-top: 20%;">
					<span style="font-size: 20px; font-weight: bold;">科技引领未来</span>
					<p style="">物联网解决方案<br> &amp; 互联网平台服务</p>
					<a onmouseout="fountStyle(this)" onmouseover="onfocusStyle(this)" href="profile.html" style=";color: white;text-decoration: underline;padding: 8px;padding-left: 0px;" title="详细介绍">详细介绍</a>
				</div>

			</div>

			<div class="navigation-div">

				<ul style="position: absolute;z-index: 1000;right: 100px;">
					<li></li>
					<li>
						<a href="profile.html">企业概况</a>
					</li>
					<li>
						<a href="solution.html">解决方案</a>
					</li>
					<li>
						<a href="projects.html">项目案例</a>
					</li>
					<li>
						<a href="scrpit:void(0)" onclick="cooperationSlide()">合作伙伴</a>
					</li>
					<li>
						<a href="recruit.html">人才招聘</a>
					</li>
				</ul>

			</div>

			<iframe style="width: 100%;height: 100%;border: none;" src="d.html"></iframe>
		</div>

		<!--
        	作者：956362401@qq.com
        	时间：2018-01-09
        	描述：首页模块end
        -->
		<!--
        	作者：956362401@qq.com
        	时间：2018-01-09
        	描述：解决方案start
        -->
		<section style="width: 100%;height: 100%;">
			<div class="product-div-img">
				<div id="myCarousel" class="carousel slide" style="height: 100%;padding: 8px;">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner" style="height: 100%;font-size: 20px;font-weight: bold;">
						<div class="item active" style="height: 100%;">
							<div style="background-image: url(img/J1.jpg);height: 100%;background-size: cover;background-position: center center;"></div>
							<div class="carousel-caption">室内蓝牙定位</div>
						</div>
						<div class="item" style="height: 100%;">
							<div style="background-image: url(img/J2.jpg);height: 100%;background-size: cover;background-position: center center;"></div>
							<div class="carousel-caption">智慧家居</div>
						</div>
						<div class="item" style="height: 100%;">
							<div style="background-image: url(img/J3.jpg);height: 100%;background-size: cover;background-position: center center;"></div>
							<div class="carousel-caption">智能应急指挥管理</div>
						</div>

					</div>

				</div>
			</div>
			<div class="product-div">
				<div>
					<h1>解决方案 </h1>
					<ul>
						<li>
							<a href="#" data-target="#myCarousel" data-slide-to="0">室内蓝牙定位</a>
						</li>
						<li>
							<a href="#" data-target="#myCarousel" data-slide-to="1">智慧家居</a>
						</li>
						<li>
							<a href="#" data-target="#myCarousel" data-slide-to="2">智能应急指挥管理</a>
						</li>

					</ul>
					<!--<span>华宇智联科技（武汉）有限公司成立于2015年，公司有一批多年从事计算机软硬件开发、增值业务推广、互联网运营的专业人士，专注于为客户提供基于物联网领域应用服务的定制化解决方案。</span>-->
					<p>
						<a onmouseout="fountStyle(this)" onmouseover="onfocusStyle(this)" style="text-decoration: underline;padding: 8px;padding-left: 0px;" href="solution.html">更多方案 . .</a>
					</p>
				</div>
			</div>
		</section>

		<!--
        	作者：956362401@qq.com
        	时间：2018-01-09
        	描述：解决方案end
        -->
		<!-- <div style="width: 100%;height: 200px;float: left;background: whitesmoke;text-align: center;">
        	<div style="font-size: 30px;margin-top: 80px;">
        		<span style="">We're Not Afraid to Tackle Big Ideas</span>
        	</div>
        	
        </div>-->
		<!--
        	作者：956362401@qq.com
        	时间：2018-01-09
        	描述：项目案例start
        -->
		<section style="width: 100%;height: 100%;">
			<div class="programme-div" style="background: #37CFA2;">
				<div>
					<h1>项目案例</h1>
					<span>
						<!--这是一款画像定制APP，将创意、艺术落地成可实际交易消费的商品，通过电商模式将其传播到我们普通大众生活中，这种模式不仅有可能逃出快消快死的怪圈，或许还会成为艺术从小众走向大众的一个窗口。-->
						“翼问卷” 是集企业组织架构、角色管理、问卷/试卷设计、答卷、答卷结果统计等为一体的综合管理平台，拥有WEB端和微信端。 企业组织架构模块可容纳多个企业的组织机构，同时每个企业下各部门之间可以实现一对多、多对多、多对一等关系模型； 问卷设计模块拥有自定义设计和导入模板设计两大入口。同时，设计题目的类型丰富，拥有单选题、多选题、填空题等十多余种； 答卷结果统计模块可实时统计问卷/试卷的答题状况，并可汇总答卷结果信息，自动计算分数和题目选项的答题概率。
					</span>
					<p>
						<a href="projects.html" onmouseout="fountStyle(this)" onmouseover="onfocusStyle(this)" style="text-decoration: underline;padding: 8px;padding-left: 0px;">更多项目 . .</a>
					</p>
				</div>
			</div>
			<div class="programme-div-img" style="padding-top: 10px;padding-left: 10px;background: #F9F0EB;">
				
				<img src="img/index/app2.png" height="100%" width="99%" style="margin-right: 5px;" />
				
				<!--<img src="img/x2.png" height="100%" width="49%"/>-->
			</div>
		</section>

		<!--
        	作者：offline
        	时间：2018-01-09
        	描述：合作方logo
        -->

		<section style="width: 100%;height: 100%;">
			<div class="cooperation">
				<!--<a name="cooperation">-->
				<h1>合作伙伴</h1>
				<table>
					<tr id="tr">
						<td>
							<img class="img" src="img/logo/2.png" />
						</td>
						<td>
							<img class="img" src="img/logo/18.png" />
						</td>
						<td>
							<img class="img" src="img/logo/3.png" />
						</td>
						<td>
							<img class="img" src="img/logo/4.png" />
						</td>
					</tr>
					<tr>
						<td>
							<img class="img" src="img/logo/5.jpg" />
						</td>
						<td>
							<img class="img" src="img/logo/zsh.png" />
							
						</td>
						<td>
							<img class="img" src="img/logo/6.png" />
						</td>
						<td>
							<img class="img" src="img/logo/hx.png" />
							
							<!--<img class="img" src="img/logo/9.png" />-->
						</td>
					</tr>
					<tr>
						<td>
							<img class="img" src="img/logo/hh.png" />
							<!--<img class="img" src="img/logo/10.jpg" />-->
						</td>
						<td>
							<img class="img" src="img/logo/21.jpg" />
							
						</td>
						<td>
							<img class="img" src="img/logo/20.jpg" />
							
							<!--<img class="img" src="img/logo/13.png" />-->
						</td>
						<td>
							<img class="img" src="img/logo/hw.png" />
							
						</td>
					</tr>
					<tr>
						<td>
							<img class="img" src="img/logo/hst.png" />
							
							<!--<img class="img" src="img/logo/15.png" />-->
						</td>
						<td>
							
							<img class="img" src="img/logo/trx.png" />
						</td>
						<td>
							<img class="img" src="img/logo/12.png" />
							<!--<img class="img" src="img/logo/17.jpg" />-->
						</td>
						<td>
							<img class="img" src="img/logo/1.gif" />
						</td>
					</tr>
					<tr>
						<td>
							<img class="img" src="img/logo/7.jpg" />
							<!--<img class="img" src="img/logo/19.png" />-->
						</td>
						<td>
							<img class="img" src="img/logo/16.png" />
						</td>
						<td>
							<img class="img" src="img/logo/22.jpg" />
						</td>
						<td>
							<!--<img class="img" src="img/logo/23.png" />-->
						</td>
					</tr>
					<!--<tr>
						<td>
							
							
						</td>
						<td>
							
						</td>
						<td>
							
						</td>
						<td>
							
						</td>
					</tr>-->
				</table>

				<!--</a>-->
			</div>
		</section>
		<!--
        	作者：956362401@qq.com
        	时间：2018-01-09
        	描述：footer
        -->
		<div class="yellow-footer">
			<a name="cooperation"><iframe src="footer.html" style="height: 310px;width: 100%;border: none;"></iframe></a>
		</div>

	</body>

</html>